.container {
  width: 1180px;
  margin: 0 auto;
  padding-top: 30px;
  color: #fff;
  .base-container {
    display: flex;
    justify-content: space-between;
    h3 {
      margin-bottom: 7px;
      color: #fff;
      font-weight: 400;
      font-size: 14px;
    }
    .left {
      display: inline-flex;
      flex-direction: column;
      width: 280px;
      .teacherinfo {
        display: flex;
        align-items: center;
        padding: 0 7px 7px 7px;
        .avatar {
          width: 20px;
          height: 20px;
          border-radius: 50%;
        }
        .editInput {
          width: 160px;
          height: 22px;
          margin-left: 5px;
          font-size: 12px;
          :global {
            .ant-select-selector {
              min-height: 22px !important;
              background-color: #192c53 !important;
              .ant-select-selection-search-input {
                height: 22px;
              }
            }
          }
        }
        .name {
          flex: 1;
          width: 0;
          margin-left: 8px;
          overflow: hidden;
          color: #fff;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
        .editPrimary {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 20px;
          margin-left: 8px;
          padding: 0 5px;
          font-size: 12px;
          background: rgba(37, 77, 248, 0.2);
          border: 1px solid #254df8;
          border-radius: 4px;
          cursor: pointer;
          .iconEdit {
            width: 14px;
            height: 14px;
            margin-left: 2px;
            background: url('~@/assets/pc/images/lecturer/icon-edit-white.png') no-repeat center /
              100%;
          }
        }
        .editDefault {
          margin-left: 4px;
          font-size: 12px;
          border: none;
          cursor: pointer;
        }
      }
      .upload {
        position: relative;
        height: 230px;
        overflow: hidden;
        background: #2f5083;
        border-radius: 10px;
        .coverimg {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
        }
        .img {
          height: 174px;
          .default-img {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding-top: 58px;
            img {
              width: 43px;
              margin-bottom: 6px;
            }
            span {
              margin-bottom: 6px;
              font-size: 12px;
              line-height: 17px;
            }
          }
        }
        .btn {
          width: 280px;
          height: 56px;
          line-height: 56px;
          text-align: center;
          background: rgba(0, 0, 0, 0.5);
          border-radius: 0 0 10px 10px;
          :global {
            .ant-btn {
              width: 130px;
              height: 34px;
              color: #fff;
              font-size: 12px;
              line-height: 17px;
              background: #254df8;
              border: 0;
              border-radius: 8px;
            }
          }
        }
      }
      .ul {
        margin: 0;
        margin-top: 12px;
        padding: 0;
        li {
          display: flex;
          margin-bottom: 12px;
          font-size: 12px;
          line-height: 19px;
          &:last-child {
            margin-bottom: 24px;
          }
          > img {
            width: 17px;
            height: 17px;
            margin-right: 4px;
          }
          > span {
            flex: 1;
          }
        }
      }
    }
    :global {
      .uploadprocess-process-done {
        &:hover {
          .uploadprocess-process-inner {
            background-color: #3b5ff8;
          }
        }
      }

      .uploadprocess-process-none {
        &:hover {
          .uploadprocess-process {
            background: rgba(37, 77, 248, 0.5);
          }
        }
      }
    }
    .promotionalVideo {
      margin-top: 10px;
      .iconfile {
        display: block;
        width: 16px;
        height: 16px;
        margin-right: 5px;
        background: url('~@/assets/pc/images/lecturer/icon-fj.png') no-repeat center / 100%;
      }
      :global {
        .uploadprocess-process {
          background: rgba(37, 77, 248, 0.3);
          border-radius: 6px !important;
        }
        .uploadprocess-process-inner {
          background-color: #254df8;
        }
        .uploadprocess-process-done {
          &:hover {
            .uploadprocess-process-inner {
              background-color: #254df8;
            }
          }
        }

        .uploadprocess-process {
          height: 44px;
          border-color: #254df8;
          border-radius: 10px;
          &:hover {
            background: #3b5ff8;
          }
        }
        .uploadprocess-process-icon {
          background: url('./icon-upload-success.png') no-repeat center / 100%;
        }
      }
    }
    :global {
      .promotionalVideo.uploadprocess-process-done {
        .uploadprocess-process {
          background-color: transparent;
          border-color: transparent !important;
        }
        .uploadprocess-process-inner {
          background-color: rgba(32, 101, 110, 1);
        }
        &:hover {
          .uploadprocess-process-inner {
            background-color: rgba(54, 116, 124, 1);
          }
        }
      }
    }
    .right {
      width: 880px;

      .right-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 20px;
        padding-bottom: 0;
        background: #2f5083;
        border-radius: 12px;
        > * {
          width: 410px;
        }
      }
    }
  }

  .upload-detail-container {
    margin-top: 20px;
    :global {
      .c-dragger-upload-tips {
        color: #000;
        font-weight: 400;
        font-size: 12px;
        background: #92afdd;
      }
    }
  }

  :global {
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
      -webkit-appearance: none !important;
    }
    input[type='number'] {
      appearance: textfield;
    }

    .ant-input {
      height: 44px;
      color: #fff;
      font-weight: 400;
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      background: #1c3a6a;
      border: 0;
      &[disabled] {
        background: #1c3a6a;
        opacity: 0.3;
      }
      &:not(.ant-input-sm) {
        border-radius: 6px;
      }
      &.ant-input-sm {
        height: 22px;
        font-size: 12px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
      }
    }
    .ant-select:not(.ant-select-customize-input) .ant-select-selector {
      min-height: 44px;
      background: #1c3a6a;
      border: 0;
      border-radius: 6px;
    }
    .ant-select-single:not(.ant-select-customize-input)
      .ant-select-selector
      .ant-select-selection-search-input {
      height: 44px;
    }
    .ant-select-single .ant-select-selector .ant-select-selection-item {
      color: #fff;
      line-height: 44px;
    }
    .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
      color: #7688a5;
      line-height: 44px;
    }
    .ant-select-arrow {
      color: #7688a5;
    }

    .ant-checkbox-wrapper {
      color: #fff;
    }

    ::-webkit-input-placeholder {
      color: #7688a5;
      font-weight: 400;
      font-family: PingFangSC-Regular, PingFang SC;
    }

    :-moz-placeholder {
      color: #7688a5;
      font-weight: 400;
      font-family: PingFangSC-Regular, PingFang SC;
    }

    :-ms-input-placeholder {
      color: #7688a5;
      font-weight: 400;
      font-family: PingFangSC-Regular, PingFang SC;
    }
  }
}
.footer {
  width: 1180px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 95px;
  text-align: right;
  :global {
    .ant-btn {
      width: 130px;
      height: 50px;
      border-radius: 25px;
      &:not(:last-child) {
        margin-right: 40px;
      }
      &:last-child {
        width: 180px;
      }
    }
  }
}

.messageForm {
  :global {
    .c-form-item-label {
      display: none !important;
    }
    .ant-form-item {
      margin-bottom: 0 !important;
    }
  }
}
.inviteUser {
  flex: 1;
  margin-right: 32px;
}
.inviteUserOne {
  :global {
    .ant-input[disabled] {
      opacity: 1;
    }
  }
}
.opacity3 {
  opacity: 0.3;
}
.kswith {
  :global {
    .ant-switch {
      background: #1c3a6a;
    }
    .ant-switch-handle::before {
      background: #fff;
    }
    .ant-switch.ant-switch-checked {
      background: #254df8;
    }
    .ant-switch-checked:focus {
      box-shadow: none;
    }
  }
}
